<include file="public@header" />
<!--header-web-->
<div id="container-page">

    <aside id="sitebar">
        <div class="sitebar_list">
            <h4 class="sitebar_title">推荐文章</h4>
            <ul id="recomm">
                <volist name="recommData" id="v">
                    <li><a href="{$v.real_url}">{$v.post_title}</a></li>
                </volist>
            </ul>
        </div>
        <div class="sitebar_list">
            <a href="#" target="_blank"><img width="364" height="182" src="__TMPL__/public/assets/images/bg1.jpg" class="image wp-image-2095  attachment-full size-full" alt="" style="max-width: 100%; height: auto;" /></a>
        </div>

        <div class="sitebar_list">
            <h4 class="sitebar_title">原创文章</h4>
            <ul id="randomposts">
                <volist name="originData" id="v">
                    <li><a href="{$v.real_url}">{$v.post_title}</a></li>
                </volist>
            </ul>
        </div>
        <div class="sitebar_list">
        <a href="#" target="_blank"><img width="364" height="182" src="__TMPL__/public/assets/images/e.png" class="image wp-image-2095  attachment-full size-full" alt="" style="max-width: 100%; height: auto;" /></a>
        </div>
        <div class="sitebar_list">
        <h4 class="sitebar_title">网站标签</h4>
        <div class="tagcloud">
            <volist name="tagData" id="v" key="k">
                <a href="{$v.real_url}" class="tag-cloud-link tag-link-{$k} tag-link-position-{$k}" style="font-size: 15px;">{$v.name}</a>
            </volist>
        </div>
       </div>
    </aside>


    <article class="box">
    <!--幻灯片-->
    <div class="hmFocus">
        <php>
            $top_slide_id=empty($theme_vars['top_slide'])?1:$theme_vars['top_slide'];
        </php>
        <div class="swiper-container autoImg">
            <div class="swiper-wrapper">
                <slides id="$top_slide_id">
                    <div class="swiper-slide"> <a href="{$vo.url|default=''}" target="_blank"><img src="{:cmf_get_image_url($vo.image)}"  title="{$vo.title|default=''}"　alt="{$vo.title|default=''}"></a></div>
                </slides>
            </div>
            <div class="swiper-pagination"></div>
        </div>


    </div>
    <script language="javascript">
        var swiper = new Swiper('.hmFocus .swiper-container', {
            pagination: '.swiper-pagination',
            loop: true,
            autoplay: 5500,
            paginationClickable: true
        });
    </script>

        <!--最新文章-->
        <volist name="newData" id="v">
            <section class="list">
                <h2 class="mecctitle">
                    <a href="{$v.real_url}" target="_blank">
                        {$v.post_title}
                    </a>
                </h2>

            <span class="titleimg">
                <a href="{$v.real_url}" target="_blank">
                    <empty name="v.thumbnail">
                        <img width="1000" height="556" src="/themes/quick_start/public/assets/images/sw-1000x556.png"
                             class="attachment-thumbnail size-thumbnail wp-post-image" title="{$v.post_title}" alt="{$v.post_title}"
                             srcset="/themes/quick_start/public/assets/images/sw-1000x556.png 1000w, /themes/quick_start/public/assets/images/sw-1000x556.png 768w" sizes="(max-width: 1000px) 100vw, 1000px"/>
                        <else/>
                        <if condition="strpos($v['thumbnail'],'http') === 0">
                            <img width="1000" height="556" src="{$v.thumbnail}"
                                 class="attachment-thumbnail size-thumbnail wp-post-image" title="{$v.post_title}" alt="{$v.post_title}"
                                 srcset="{$v.thumbnail} 1000w, {$v.thumbnail} 768w" sizes="(max-width: 1000px) 100vw, 1000px"/>
                            
                        <else />
                            <img width="1000" height="556" src="/upload/{$v.thumbnail}"
                                 class="attachment-thumbnail size-thumbnail wp-post-image" title="{$v.post_title}" alt="{$v.post_title}"
                                 srcset="/upload/{$v.thumbnail} 1000w, /upload/{$v.thumbnail} 768w" sizes="(max-width: 1000px) 100vw, 1000px"/>
                        </if>

                    </empty>
                </a>
            </span>

                <time class="">
                    {:date("Y.m.d",$v.create_time)} &nbsp;<eq name="v.is_top" value="1"><span class="zan">Hot</span></eq>
                </time>

                <div class="zaiyao">
                    <p>{$v.post_excerpt}</p>
                </div>
                <div class="list-tab">
                    <volist name="v.taglist" id="vv">
                        <a href="{$vv.real_url}" class="tab">{$vv.name}</a>
                    </volist>
                </div>
            </section>
        </volist>

    <!--分页完成-->
    <div style="display:block;margin: 20px auto;">
        {$pages}
    </div>



</article>


<!--footer-->
<include file="public@footer" />